<template>
	<view>
		<view class="list-null" v-if="props.list.length == 0">
			<view class="null-img">
				<image src="../../static/img/nomore.svg" mode=""></image>
			</view>
			<text>{{ text }}</text>
		</view>
	</view>
</template>

<script setup>

const props = defineProps({
	list:{type:Array},
	text: {type: String, default: '暂无更多数据'}
})

</script>

<style lang="scss">
.list-null{
		
		height: 100rpx;
		width: 180rpx;
		margin: 0 auto;
		margin: 150rpx auto;
		display: flex;
		flex-direction: column;
		align-items: center;
		font-family: "PingFang SC Medium";
		font-weight: 500;
		font-size: 23rpx;
		letter-spacing: 0.05em;
		text-align: left;
		color: #9ea5b3;
		.null-img{
			height: 80rpx;
			width: 124rpx;
			//background-color: #2979FF;
			image{
				height: 100%;
				width: 100%;
			}
		}
	}
</style>
